<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
	<link rel="stylesheet" href="../../css/font-awesome.css" media="all" />
	<link rel="stylesheet" href="../../css/common.css" media="all" />
</head>
<body class="childrenBody">
		<blockquote class="layui-elem-quote news_search">
			<div class="layui-inline">
				<span class="layui-inline">搜索：</span>
				<div class="layui-input-inline">
					<input type="text" value="" placeholder="请输入课程名称" class="layui-input search_input">
				</div>
				<div class="layui-input-inline">
					<input type="text" value="" placeholder="请输入学生/班级名称" class="layui-input search_input">
				</div>
			</div>

			<div class="layui-inline">
				<span class="layui-inline">筛选：</span>
				<div class=" layui-inline layui-form component"  >
					<select name="modules" lay-verify="required" >
						<option value="">选择课程类型</option>
						<option value="1">类型一</option>
						<option value="2">类型二</option>
					</select>
				</div>
				<div class=" layui-inline layui-form component"  >
					<select name="modules" lay-verify="required" >
						<option value="">选择课程状态</option>
						<option value="1">类型一</option>
						<option value="2">类型二</option>
					</select>
				</div>

				<a class="layui-btn search_btn">查询</a>
			</div>

			<div class="layui-inline orderph">
				<a class="layui-btn coursebuy_btn">创建课程</a>
			</div>

		</blockquote>




	<div class="layui-form news_list ">
		<p>课程数(223)</p>
	  	<table class="layui-table">

		    <thead>
				<tr>
					<th>序号</th>
					<th>课程名称</th>
					<th >学生/班级名称</th>
					<th>课程时长</th>
					<th>课程类型</th>
					<th>首节课日期</th>
					<th>课程进度</th>
					<th>操作</th>


				</tr>
		    </thead>
			<tbody class="news_content">
			<tr>
				<td>1</td>
				<td>新概念G01</td>
				<td>javavn</td>
				<td>
					50m

				</td>
				<td>2v1</td>
				<td>2018/09/08</td>
				<td>5/20</td>
				<td>
				<a class="layui-btn layui-btn-mini courseEdit_btn">
					<i class="iconfont icon-edit"></i> 编辑
				</a>
				<a class="layui-btn layui-btn-mini course_open"> 查看</a>

			</td>
			</tr>
			</tbody>
		</table>
	</div>

	<!--这是layui的分页插件-->
	<!--<div id="page"></div>-->
	<!--这是静态的dom分页-->
	<div id="page1">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
			<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
			<a href="javascript:;" data-page="1">1</a>
			<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
			<a href="javascript:;" data-page="3">3</a>
			<a href="javascript:;" data-page="4">4</a>
			<a href="javascript:;" data-page="5">5</a>
			<span>…</span>
			<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
			<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
		</div>
	</div>
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="coursecreateList.js"></script>
</body>
</html>